<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 数组.pop() 方法是从数组中删除最后一个元素，并返回该元素的值
    // 数组.pop() 方法是从数组中删除第一个元素，并返回该元素的值
    // 数组.splice() 方法是从数组中删除指定的元素，并返回该元素的值
    // arr.splice(start,deleteCount)
    // arr.splice(起始位置,删除几个元素)

    let arr = ["pink", "green", "blue", "yellow"];


    document.write(arr.splice(1, 1)); //把green的位置开始删掉，只删掉一个
    document.write("<br>");

    // 删除 .pop() 删除最后一个元素
    document.write(arr.pop());
    document.write("<br>");
    document.write(arr);
    document.write("<br>");

    // 删除 .shift() 删除第一个元素
    document.write(arr.shift());
    document.write("<br>");
    document.write(arr);
    document.write("<br>");


    let arr2 = ["pink", "green", "blue", "yellow"];
    document.write(arr2.splice(1, 2)); //把green删掉，包括删掉green后面的2个元素
    document.write("<br>");
  </script>
</body>

</html>